<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>普天动能-农业数字化物联网平台</title>
    <link rel="stylesheet" href="dist/css/normalize.css">
    <script src="dist/js/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="dist/css/bootstrap.min.css">
    <link href="dist/css/animate.css" rel="stylesheet">
    <link rel="stylesheet" href="dist/css/login.css">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<style>
		@font-face{
			font-family: myFirstFont;
        	src: url('customFont/FZY3JW.TTF')
		};
		@font-face{
			font-family: mySecondFont;
			src: url('customFont/FZXH1JW.TTF')
		}
		@font-face{
			font-family: myThirdFont;
			src: url('customFont/thirdFont.TTF')
		}
	</style>
</head>
<body>
	<script type="text/javascript">
		function showQrcode(type){
			 $('#animation_qrcode').removeAttr('class').attr('class', '');
             $('#animation_qrcode').addClass('animated');
             if(type ==1){
            	 $('#animation_qrcode').css('display','');
            	 $('#animation_qrcode').addClass('fadeInLeft');
             }else{
            	 $('#animation_qrcode').addClass('fadeOutLeft');
             }
		}
	</script>
	<div id="hint"></div>
	<div class="" id="loginLogo">
    		<div class="loginLogoImg">
    			<img src='img/login/loginLogo.png'>
    		</div>
    		<div class="loginLogoFont">
    			<span style="margin:0 10px 0 30px;font-size:28px;position:relative;top:14px;border-left:1px solid #676767"></span>
    			<span>智慧农业云平台</span>
    		</div>
    </div>
    <div class="container-fluid">
    		<div id='leftPromit'>
				<h1>物联互通&nbsp;&nbsp;智赢未来</h1>
				<p>Internet of things to win the future wisdom</p>
    		</div>
            <div class="row myCenter">
                    <div class="col-center-block">
                      <div class="form-signin">
                        <div class="form-signin-heading row">
                            <h4 class="col-xs-10" >登录智慧农业云平台</h4>
                            <div id="show_qr_code" class="col-xs-2" style="text-align:right">
                                <img onmouseenter="showQrcode(1)" onmouseleave="showQrcode(2)" src="img/addIcon/code.png" width="45px" alt="" >
                            </div>
                        </div>
                        <div class="loginMain row">
                             <div id="userName">
                                <i></i>
                                <input type="text" class="u_name" value="" placeholder="用户名/手机号" maxlength="11">
                            </div>
                            <div id="verificationCode" class="col-xs-12"  style="margin-top:30px">
                                <i></i>
                                <input type="text" class="u_pwd" value="" placeholder="请输入验证码" maxlength="6">
                                <button class='getCode'>获取验证码</button>
                            </div>
                            <div class="savePass">
                              <!-- <input type="checkbox" />
                              记住密码 -->
                              <i class="saveCheckOut"></i>记住密码
                            </div>
                            <button class="btn btn-block">登录</button>
                        </div>
                      </div>
                     <div id="animation_qrcode" class="animated" style="position:absolute;top:30px;right:-60%;display:none">
                            <img src="img/er_code.jpg?v=2" alt="" width="200px">
                      	</div>
                    </div>
            </div>
    </div>
    <div id='footer'>
          <h4>全国服务电话&nbsp;18601938676</h4>
          <h5>Copyright:&nbsp;&nbsp;2010-2022&nbsp;智慧农业&nbsp;nxptdn.com&nbsp;陇ICP备&nbsp;17005862号</h5>
          <h5>版权所有&nbsp;宁夏普天动能信息技术有限公司</h5>
    </div>
    <script src="dist/js/js/comm.js"></script>
    <script src="dist/js/js/login.js"></script>
</body>
</html>
